﻿<!DOCTYPE html>
<html ng-app="app">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>ecAngular Framework</title>
    <link href="Content/bootstrap.min.css" rel="stylesheet" />
    <link href="Content/css/font-awesome.min.css" rel="stylesheet" />

    <link href="Content/angular-gridster.min.css" rel="stylesheet" />
    <link href="app/ecSampleApp.css" rel="stylesheet" />
    <link href="ext-modules/ecFramework/ecFramework.css" rel="stylesheet" />
    <link href="ext-modules/ecMenu/ecMenu.css" rel="stylesheet" />
    <link href="ext-modules/ecDashboard/ecDashboard.css" rel="stylesheet" />
    <!-- widget css -->
    <link href="app/widgets/Temperature/Temperature.css" rel="stylesheet" />
    <link href="app/widgets/Inventory/Inventory.css" rel="stylesheet" />
    <link href="app/widgets/Employee/Employee.css" rel="stylesheet" />
    <script src="Scripts/jquery-2.1.3.min.js"></script>
    <script src="Scripts/angular.min.js"></script>
    <script src="Scripts/angular-animate.min.js"></script>
    <script src="Scripts/angular-route.min.js"></script>
    <script src="Scripts/angular-gridster.min.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>
    <script src="Scripts/angular-ui/ui-bootstrap-tpls.min.js"></script>
    <script src="Scripts/ngStorage.min.js"></script>
    <script src="ext-modules/ecMenu/ecMenuModule.js"></script>
    <script src="ext-modules/ecMenu/ecMenuController.js"></script>
    <script src="ext-modules/ecMenu/ecMenuDirective.js"></script>
    <script src="ext-modules/ecMenu/ecMenuItemDirective.js"></script>
    <script src="ext-modules/ecMenu/ecMenuGroupDirective.js"></script>
    <script src="ext-modules/ecDashboard/ecDashboardModule.js"></script>
    <script src="ext-modules/ecDashboard/ecDashboardDirective.js"></script>
    <script src="ext-modules/ecDashboard/ecWidgetBodyDirective.js"></script>
    <script src="ext-modules/ecFramework/ecFrameworkModule.js"></script>
    <script src="ext-modules/ecFramework/ecFrameworkController.js"></script>
    <script src="ext-modules/ecFramework/ecFrameworkDirective.js"></script>
    <script src="ext-modules/ecFramework/ecUserProfile/ecUserProfileSmallDirective.js"></script>
    <script src="ext-modules/ecFramework/ecUserProfile/ecUserProfileDirective.js"></script>
    <script src="app/ecSampleAppModule.js"></script>
    <script src="app/ecSampleAppConfig.js"></script>
    <script src="app/ecSampleAppRouteConfig.js"></script>
    <script src="app/ecSampleAppController.js"></script>
    <script src="app/services/dataService.js"></script>
    <script src="app/directives/DashboardDirective.js"></script>
    <script src="app/directives/GuidesDirective.js"></script>
    <script src="app/directives/LocationsDirective.js"></script>
    <!-- widget JavaScript files -->
    <script src="app/widgets/Temperature/TemperatureDirective.js"></script>
    <script src="app/widgets/Inventory/InventoryDirective.js"></script>
    <script src="app/widgets/Employee/EmployeeDirective.js"></script>
    <!-- setting dialogs -->
    <script src="app/dialogs/SelectEmployeeController.js"></script>
    <script src="app/dialogs/SelectLocationController.js"></script>

</head>
<body class="container-fluid" ng-controller="appController">
    <!--ngAngular Application Framework using AdminLTE template.-->
    <div ng-switch="state">
        <div ng-switch-when="x unauthorized" class="sign-in-form">
            <h2>Whitewater Adventures Admin App</h2>
            <h4>Sign In</h4>
            <form>
                <div class="form-group">
                    <label>Email Address</label>
                    <input type="text" class="form-control" />
                </div>
                <div class="form-group">
                    <label>Password</label>
                    <input type="password" class="form-control" />
                </div>
            </form>
            <button class="btn btn-default" ng-click="signIn()">Sign In</button>
        </div>
        <div ng-switch-default>
            <ec-framework title="Whitewater Adventures"
                          subtitle="Administrative Application"
                          icon-file="images/kayak-icon-flat.png">
                <ec-menu>
                    <ec-menu-item label="Dashboard" icon="fa-dashboard" route="dashboard"></ec-menu-item>
                    <ec-menu-item label="Locations" icon="fa-location-arrow" route="locations"></ec-menu-item>
                    <ec-menu-item label="Raft Guides" icon="fa-user" route="guides"></ec-menu-item>
                    <ec-menu-group label="Equipment" icon="fa-gears">
                        <ec-menu-item label="Rafts" icon="fa-unlink" route="rafts"></ec-menu-item>
                        <ec-menu-item label="Paddles" icon="fa-magic" route="paddles"></ec-menu-item>
                        <ec-menu-item label="Life Vests" icon="fa-life-ring" route="vests"></ec-menu-item>
                    </ec-menu-group>
                </ec-menu>
            </ec-framework>
        </div>
    </div>

</body>
</html>
